查看原文
其他

独家编译 | 竞争浪潮下新闻网站网页设计十大Style

2014-09-11 腾讯新闻 全媒派

在移动大潮和数字浪潮之下,传媒报业面临巨大挑战。当前纸媒尽管都开辟了自身的网站,然而在网页设计和交互设计等方面还远远落后于门户网站。网站设计专家Julia Blake支招新闻网站,掌握网页设计的十个核心原则,在注意力经济时代抓住用户眼球、提升阅读体验和媒体附加值。

一家网站的Style是网站设计的集中展示,也是和读者交流的一种方式方式,不同的内容组合方式构成了不同的网页风格。网站开始强调独特的Style始于线上报纸和杂志,因为他们印刷版的视觉设计自有结构。然而今天,这种设计适用于任何网站,尤其是内容体量巨大的门户。

网站正确的Style囊括内容承载量大、多专栏布局、颜色简单且对比强烈等等特征,这些都易使其从众多竞争对手中脱颖而出。以下是Julia Blake为报纸网站网页布局提出的十条设计原则。

1、颜色的力量:对比色让内容更易读

传统的印刷报纸都是白底黑字或者灰底黑字,这种组合让报纸更易读,也最适合内容庞杂的新闻网站。当然这不是唯一,你也可以选择黑底白字。


Julia Blake强调,不要使用对比不明显的颜色组合,如黑底黄字,蓝底绿字,蓝底粉字。


中性的浅色调和深色调是基本色,但也可以使用重点色。例如:蓝色适合作标题,红色适合按键。Julia Blake同时建议用比主色稍浅或稍深的阴影加以修饰,或者与重点内容同色,导航菜单就会从页面上脱颖而出,从而带给使用者完美的视觉体验.

2、简洁的魅力:剔除不必要的图形元素

常见的图形元素包括:线条、图形、颜色、排版、纹理。Julia Blake指出,新闻网站布局要少用图形。在保证网站颜色简单的同时,注意剔除不必要的元素,例如使用纹理。因为木纹或其他纹理不仅会分散读者注意力还会影响阅读。但是与此同时,背景、按钮、页眉页脚区域可以使用。


Julia Blake还特别强调,常规的网格式或多栏式布局要减少图形和线条的使用,因为它们已经包含了足够的图形线条元素,如果再用数据集合的话,几何体就太多了。

3、区分的作用:网格式或多专栏式布局很实用

新闻网站特别是一些内容比较丰富的网站,最实用的网格和专栏就成了首选,他们能区分网站内容,读者可以更快地找到感兴趣的内容。正如Mark Boulton所说,“好的网格系统可以让产品清晰美观、实用易读”。


Julia Blake还强调多专栏布局和网格式类似,都要求专栏高度适中,宽度不限。因为专栏越宽,里面的内容越易读。而两个专栏会在视觉上比较有吸引力。栏间距要适中,挨得太近看起来会很费劲。

4、摘要的指引:标题和导读让用户速读

网站内容庞杂,读者不可能点开每一篇文章,怎样才能最快地选到自己最感兴趣的内容呢?看标题!


不管是网格的一小部分还是整个专栏,每个内容板块都需要有标题。标题字号要比正文大、加粗或者是用不同颜色凸显。


导读就是对文章内容的提要,读者可以几句话了解文章大意。导读对博客、电子杂志、新闻网站等都很实用。

5、上头条:内容按重要度予以编排

新闻网站文章经常更新且话题多变,因此内容分类非常重要。分类之后要展示在边导航或者导航菜单里。


内容要分主次,如果想突出某个或某组新内容,可以把它放在头条,配上大标题和大图,其他内容按正常规格编排。这样就会把读者注意力吸引到头条上,从而提高网站的受众参与度。

6、导航吸睛术:巧用导航栏抢占读者注意力

导航菜单要位置适中,简单易用,最好放在页面顶部,因为这是读者最先注意到的地方。如果一定要用垂直导航菜单,就设置在页面的左边。因为读者一般都是从左往右开始阅读,左边的内容会优先被注意。


边导航可以展示广告、内容分类、最新消息、检索框、电邮通讯、导航栏、分享按钮、特价或者打折信息等。


设计好的边导航需要考虑以下要素:大小(宽和高)、颜色、字体、位置。边导航要比页面常规的专栏小或者一样大,选中和但明显的颜色,放在页面左右皆可,最好是左面。

7、天平的两端:广告位需要综合考量

网站火起来之前最能赚钱的就是广告,广告位要非常明确,最好是左边或者右边的边导航以及网站页眉页脚的位置。促销广告经常会插在文本内容的中间,这可要三思了,广告主自然乐见其成,但这也有可能会惹恼你的上帝——读者。

8、空白的力量:留白必不可少

留白顾名思义就是没有任何东西,具体的说就是字、行之间以及文本四周的部分,所有能让网站看起来更简洁易读的都是留白。


留白在设计一个多功能且吸引人的网站时作用重大。专栏之间、页面边缘或底部都需要留白。内容要分主次,如果想突出某个或某组新内容,可以把它放在头条,配上大标题和大图,其他内容按正常规格编排。这样就会把读者注意力吸引到头条上,从而提高网站的受众参与度。

9、实时更新:保证网站的更新频率

专栏和网格的数量和内容不匹配会让网站看起来呆板,必须保证内容充实并定期更新,时常更换头条内容。


内容更新频繁度还会影响搜索引擎的搜索结果。如果访问量太低、内容已经过时,搜索引擎会排在比较靠后的位置,不容易被读者搜到。

10、社交属性:“点赞”“分享”一个不能少

没有社交媒体整合,博客和新闻网站就不能生存,人们很多时间都在使用社交网络。


每个网站都应该设置“点赞”按钮和“分享”按钮,让读者可以分享内容到如Twitter、Facebook、Google+、Pinterest、LinkedIn之类的社交网站上。按钮一定要非常显眼,这样才能提高在社交媒体平台上的曝光度。

本文由腾讯新闻旗下产品“全媒派独家编译,转载请注明出处。

勾搭全媒派

全媒派是腾讯新闻旗下全媒体交流平台,提供行业动态、专业报告、沙龙活动等各类媒体资讯。心生爱慕想合作,感觉逗比要吐槽,各种形式的勾搭都可以猛戳全媒派,推荐好文还送限量版Q仔或Q币~

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存